<template>
<div>
  <div class="MyRecdPanel">
    <div class="view">
    <ul class="uldata">
      <li v-for="(item,index) in store.state.myRecdList" :key="index">
        <div class="itemDiv">
          <div class="c">
            <div class="name">赵明明</div>
            <div class="btn" @click="btnClick()"></div>
            <div class="txt">
              <span>公立:1978年5月21日12时32分</span><br>
              <span>男 . 虎  .  天秤座   .   奎木狼   .   文殊菩萨</span>
            </div>
          </div>
        </div>
      </li>
    </ul>
    </div>
  </div>
</div>
</template>



<style scoped>
.MyRecdPanel{
  background-image: url("../../assets/img/myrecd/bg.png");width: 7.5rem;height: 16.7rem;
}
.view{

}
.uldata{
  position: absolute;font-size: 0.22rem;line-height: 0.36rem;left: 0.25rem;top: 0.4rem;height: 14rem;overflow-y:auto;overflow-x:hidden;width: 7rem;
  white-space: nowrap;color: #D0866D;text-align: left;
}
.uldata li{
  position: relative;width: 6.88rem;height:2.2rem;
}
.uldata .itemDiv{
  position: relative;background-image: url("../../assets/img/myrecd/itembg.png");width: 6.88rem;height:2rem;

}
.uldata .itemDiv .c{
  position: relative;padding-left: 0.4rem;padding-top: 0.1rem;
}
.uldata .itemDiv .name{
  position: relative;border-bottom: 0.01rem solid #6B3B2B;box-shadow: 0px 1px 0px 0px #452317;width: 6rem;height: 0.5rem;    line-height: 0.5rem;
  font-weight: 600;;
}
.uldata .itemDiv .btn{
  position: relative;background-image: url("../../assets/img/myrecd/btn.png");width: 0.46rem;height:0.5rem;    left: 5.5rem;
  top: -0.55rem;
}
.uldata .itemDiv .txt{
  position: relative;top:-0.3rem;line-height: 0.4rem;
}
</style>
<script setup>
import Enum from "@/gamejs/Enum";
import Util from "@/gamejs/Util";
import {ref, onMounted, onBeforeUnmount, onUnmounted,watch,computed} from "vue";
import { useStore} from 'vuex';
let store = useStore();
let clsid=winApp.getClsId();

/*组件挂载完成后执行的函数；*/
onMounted(() => {

  console.log("MyRecdPanel onMounted  ");

});
onUnmounted(() => {
  //卸载组件实例后调用,调用此钩子时,组件实例的所有指令都被解除绑定,所有事件侦听器都被移除,所有子组件实例被卸载。
  // winApp.deleteNotification(clsid);
  console.log("MyRecdPanel onUnmounted  卸载组件实例后  ",clsid);
});


function btnClick(){
  console.log("MyRecdPanel btnClick   ");
}

</script>
